<template>
  <main-body>
    <template #main>
        <a-page-header
            style="border: 1px solid white"
            title="文章列表"
            @back="() => null"
        />     

        <div class="articles">
            <a-item />
            <a-item />
            <a-item />
            <a-item />
            <a-item />
            <a-item />
            <a-item />
            <a-item />
            <a-item />

        </div>
    </template>

    <template #aside-right>
        <side-list />
    </template>
       

  </main-body>
</template>
<script>
import Main from '../../components/main.vue'
import Item from './a-list-item.vue'
import Side from './s-list.vue'
export default {
components: {
    'main-body':Main,
    'a-item':Item,
    'side-list':Side
},
}
</script>
<style scoped lang="less">
  .articles{

  }
</style>